<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <style>
        body {
            padding: 10px;
        }
        p {
            line-height:30px;
        }
    </style>
</head>
<body>
    <div style="border: 0.5px solid darkgray ;width: 90%;height: 100%;padding: 40px">
        <!--基本信息-->
        <h2 style="margin-top: 30px">基本信息</h2>
        <div style="display: inline-block ;text-align: right;width: 600px">
            <p><font color="red">*</font>&nbsp用户名：</p>
            <p><font color="red">*</font>&nbsp姓名：</p>
            <p><font color="red">*</font>&nbsp性别：</p>
            <p>国家/地区：</p>
            <p><font color="red">*</font>&nbsp证件类型：</p>
            <p><font color="red">*</font>&nbsp证件号码：</p>
            <p>核验状态：</p>
        </div>
        <div style="display: inline-block;width: 40%">
            <p>liziyi123</p>
            <p>李子逸</p>
            <p>男</p>
            <p>中国CHINA</p>
            <p>中国居民身份证</p>
            <p>1404***********819</p>
            <p><font color="orange">已通过</font></p>
        </div>

        <!--虚线-->
        <div style="border: 1px dashed darkgray;width: 100%;margin-top: 30px"></div>

        <!--联系方式-->
        <div style="width: 80%;display: inline-block">
            <h2 style="margin-top: 30px">联系方式</h2>
        </div>
        <a href=""><div style="border: 1px solid darkgray;border-radius: 8px;width: 70px;height: 30px;text-align: center;line-height: 30px;display: inline-block">编辑</div></a>
        <div>
            <div style="display: inline-block ;text-align: right;width: 600px">
                <p><font color="red">*</font>&nbsp手机号：</p>
                <p>固定电话：</p>
                <p>邮箱：</p>
                <p>地址：</p>
                <p>邮编：</p>
            </div>
            <div style="display: inline-block;">
                <p>158****8272</p>
                <p>&nbsp</p>
                <p>1422973815@qq.com</p>
                <p>&nbsp</p>
                <p>&nbsp</p>
            </div>
            <div style="display: inline-block;margin-left: 60px">
                <p><font color="orange">已通过核验</font></p>
                <p>&nbsp</p>
                <p><font color="orange">已激活</font></p>
                <p>&nbsp</p>
                <p>&nbsp</p>
            </div>
        </div>



        <!--虚线-->
        <div style="border: 1px dashed darkgray;width: 100%;margin-top: 30px"></div>


        <!--附加信息-->
        <div style="width: 80%;display: inline-block">
            <h2 style="margin-top: 30px">附加信息</h2>
        </div>
        <a href=""><div style="border: 1px solid darkgray;border-radius: 8px;width: 70px;height: 30px;text-align: center;line-height: 30px;display: inline-block">编辑</div></a>
        <div>
            <div style="display: inline-block ;text-align: right;width: 600px">
                <p><font color="red">*</font>&nbsp旅客类型：</p>
            </div>
            <div style="display: inline-block;">
                <p>成人</p>
            </div>
        </div>













    </div>
</body>
</html>